<template>
	<el-table :data="roles" border>
		<el-table-column prop="permissionId" label="角色ID" align="center">
		</el-table-column>
		<el-table-column prop="permissionName" label="角色名" align="center">
		</el-table-column>
	
		<el-table-column label="操作" align="center">
			<template slot-scope="scope">
				<el-button @click="updateRow(scope)" type="primary" plain>更改</el-button>
				<el-popconfirm confirm-button-text='删除' cancel-button-text='不用了' icon="el-icon-info"
					icon-color="red" title="确定删除吗？" @confirm="deleteRow(scope.$index,scope.row)">
					<el-button slot="reference" type="danger" plain style="margin-left: 0">
						删除
					</el-button>
				</el-popconfirm>
			</template>
		</el-table-column>
	</el-table>
</template>

<script>
	import axios from "axios"
	export default{
		name: "permission",
		data(){
			return{
				permissions: [],
				permisson: {}
			}
			
		}
	}
</script>

<style>
</style>